<template>
	<view style="width: 100vw;height: 100vh;position: fixed;top:0;z-index: 9999;">
		<view class="bgmark"></view>
		<view class="bgcon">
			<div class="zbg">
				<image class="zbgimg" src="/static/bgtk.png"></image>
				<div class="zbgview">
					<image src="/static/hb.png"></image>
					<div style="font-size: 17px;font-weight: 500;margin-top: 12px;">您还没有完成企业认证！</div>
					<div style="font-size:15px;color: #808995;margin-top: 8px;">请上传企业信息，完成企业认证</div>
					<div class="rzbtns" @click="goPage()">去认证</div>
				</div>
			</div>

		</view>
	</view>

</template>

<script>
	export default {
		props: {
			station: {
				type: Object,
				default: {},
			},
		},
		data() {
			return {
				zstation: this.station,
			}
		},
		onLoad() {},
		methods: {
			goPage(row) {
				//0未认证 1认证中 2已认证 3认证失败 4未上传企业资质
				uni.navigateTo({
					url: '/pages/my/company/renzheng?status=' + this.zstation.stationAuth + '&stationId=' + this
						.zstation
						.stationId
				})
			},
		}
	}
</script>

<style scoped>
	.bgmark {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		background: #000000;
		opacity: 0.4;
	}

	.bgcon {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.zbg {
		width: 286px;
		height: 246px;
		background: #fff;
		border-radius: 8px;
		position: relative;
	}

	.zbgimg {
		width: 286px;
		height: 246px;
		position: absolute;
		z-index: 2;
	}

	.zbgview {
		width: 286px;
		height: 246px;
		position: absolute;
		z-index: 4;
		text-align: center;
	}

	.zbgview image {
		width: 76px;
		height: 76px;
		display: inline-block;
		margin-top: 20px;
	}

	.rzbtns {
		width: 238px;
		height: 36px;
		line-height: 36px;
		margin: 0 auto;
		flex-shrink: 0;
		border-radius: 30px;
		background: #4475EE;
		color: #ffffff;
		text-align: center;
		font-size: 16px;
		margin-top: 20px;
	}
</style>